<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿 - 新鲜 惠民 快捷！</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../font/font_3943826_idjmar9o3z/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cannNavs.css">
</head>

<body>
     <!-- 项部导航 -->
     <div class="xtx_topnav">
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;"><i class="iconfont icon-user">用户名</i></a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./login.html">请先登录</a>
                </li>
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;">退出登录</a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="./center.html">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="mobile sprites"></i>
                        手机版
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div class="xtx_header none_header">
        <div class="wrapper principal">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box entrust display_none">
                <ul>
                </ul>
            </div>
            <!-- 站内搜索 -->
            <div class="xtx_search clearfix">
                <!-- 购物车 -->
                <a href="./shoppingCar.html" class="xtx_search_cart sprites">
                    <i class="red_quantity">0</i>
                </a>
                <!-- 搜索框 -->
                <div class="xtx_search_wrapper">
                    <input type="text" placeholder="搜一搜" onclick="location.href='./search.html'">
                </div>
                <div class="shopping_cart">
                    <div class="commodity">
                        <div>
                            <!-- <div class="div_entrust">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                        alt="">
                                    <div>
                                        <p>两带式软木拖鞋</p>
                                        <p>颜色： <i>白色</i> 尺码： <i>44</i></p>
                                    </div>
                                    <div>
                                        <p>￥<i>55.9</i>元 </p>
                                        <p>X <i>1</i></p>
                                    </div>
                                </a>
                                <div class="shut_down"><i>x</i></div>
                            </div> -->
                          
                        </div>
                    </div>
                    <section>
                        <div>
                            <p>共<i class="quantity_of_goods">0</i>件商品</p>
                            <p>￥<i class="commodity_price">0</i>元</p>
                        </div>
                        <button>去购物车结算</button>
                    </section>
                    <div class="to_settle"></div>
                </div>
                <div class="cutting">
                    <div class="triangle"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 隐藏头部 -->
    <div class="xtx_header header_fixed">
        <div class="wrapper hidden">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                    <li>
                        |
                    </li>
                    <li>
                        <a href="javascript:;">品牌</a>
                    </li>
                    <li>
                        <a href="javascript:;">专题</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box display_block">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 茶咖酒具 -->
    <div class="cann rotograph">
        <div class="wrapper">
            <!-- 酒具标题 -->
            <div class="cannTitle">
                <a href="../index.html">首页</a>
                <i class="iconfont icon-xiangyou" style="position: relative;top: -2px;"></i>
                <a href="../html/atHome.html">居家</a>
                <i class="iconfont icon-xiangyou" style="position: relative;top: -2px;"></i>
                <span>茶咖酒具</span>
            </div>
            <!-- 酒具规格 -->
            <div class="cannSpecs">
                <div class="item">
                    <div class="head">品牌：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">釉色美颜</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">颜色：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">黑色</a>
                        <a href="javascript:;">蓝色</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">产地</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">中国</a>
                        <a href="javascript:;">日本</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">尺寸：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">30cm</a>
                        <a href="javascript:;">10cm</a>
                        <a href="javascript:;">20cm</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">档位：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">一档</a>
                        <a href="javascript:;">二档</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">规格：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">枫叶斗笠盏</a>
                        <a href="javascript:;">枯山水茶具6件套+送茶盘茶巾茶夹3件</a>
                        <a href="javascript:;">真空红酒塞</a>
                        <a href="javascript:;">经典木叶茶具套装一套（一壶两盏）</a>
                        <a href="javascript:;">意大利精酿酒杯两支</a>
                        <a href="javascript:;">波兰经典啤酒杯两支</a>
                        <a href="javascript:;">莲花温碗（温酒器）</a>
                        <a href="javascript:;">汝瓷酒具对杯（两杯）</a>
                        <a href="javascript:;">红酒醒酒器+6支经典红酒杯</a>
                        <a href="javascript:;">酒杯</a>
                        <a href="javascript:;">经典红酒杯双杯</a>
                        <a href="javascript:;">行露</a>
                        <a href="javascript:;">冰锥冷泡壶</a>
                        <a href="javascript:;">酒樽</a>
                        <a href="javascript:;">拉拉草普洱杯</a>
                        <a href="javascript:;">梨皮朱泥三绝套组</a>
                        <a href="javascript:;">酒杯</a>
                        <a href="javascript:;">经典红酒杯双杯</a>
                        <a href="javascript:;">行露</a>
                        <a href="javascript:;">冰锥冷泡壶</a>
                        <a href="javascript:;">酒樽</a>
                        <a href="javascript:;">拉拉草普洱杯</a>
                        <a href="javascript:;">梨皮朱泥三绝套组</a>
                        <a href="javascript:;">意大利精酿酒杯两支</a>
                        <a href="javascript:;">波兰经典啤酒杯两支</a>
                        <a href="javascript:;">莲花温碗（温酒器）</a>
                        <a href="javascript:;">汝瓷酒具对杯（两杯）</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">颜色：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">哑光米白</a>
                        <a href="javascript:;">米白</a>
                        <a href="javascript:;">磨砂</a>
                        <a href="javascript:;">朱砂</a>
                        <a href="javascript:;">哑光</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">茶盘：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">花梨木茶盘</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">套装：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">1壶4杯礼盒装</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">香槟杯：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">真爱相随</a>
                        <a href="javascript:;">爱之绳节</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">容量：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">3件装大号壶720ml*1+茶杯130ml*2</a>
                        <a href="javascript:;">6件组：大号壶+茶杯*4+茶盘</a>
                        <a href="javascript:;">大号壶720ml*1</a>
                        <a href="javascript:;">2只装</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">壶型：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">茗家私享水平壶（160ml）</a>
                        <a href="javascript:;">茗家私享扁西施壶（150ml）</a>
                        <a href="javascript:;">大红袍半月壶（150ml）</a>
                        <a href="javascript:;">大红袍潘壶（200ml）</a>
                        <a href="javascript:;">茗家私享思亭壶(120ml)</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">形状：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">圆形4粒一盒+夹子</a>
                        <a href="javascript:;">方形6粒一盒+夹子</a>
                    </div>
                </div>
                <div class="item">
                    <div class="head">规格描述：</div>
                    <div class="body">
                        <a href="javascript:;" class="active">全部</a>
                        <a href="javascript:;">不锈钢款/锂电池USB充电</a>
                    </div>
                </div>
            </div>
            <!-- 商品 -->
            <div class="goodsList">
                <!-- 筛选 -->
                <div class="cannFilter">
                    <!-- Tab栏 -->
                    <!-- 排序 -->
                    <div class="sort">
                        <a href="javascript:;" class="active" data-color="1">默认排序</a>
                        <a href="javascript:;" data-color="1">最新商品</a>
                        <a href="javascript:;" data-color="1">最高人气</a>
                        <a href="javascript:;" data-color="1">评论最多</a>
                        <a href="javascript:;">价格排序
                            <i class="arrow arrowUp"></i>
                            <i class="arrow arrowDown"></i>
                        </a>
                    </div>
                    <!-- 选框 -->
                    <div class="check">
                        <div class="xtx-checkbox">
                            <input type="checkbox" class="boxLeft">
                            <span>仅显示有货商品</span>
                        </div>
                        <div class="xtx-checkbox">
                            <input type="checkbox" class="boxRight">
                            <span>仅显示特惠商品</span>
                        </div>
                    </div>
                </div>
                <!-- 商品栏 -->
                <div class="box">
                    <ul class="goodsN active">
                    </ul>
                    <ul class="goodsN">
                    </ul>
                    <ul class="goodsN">
                </div>
                </ul>
            </div>
        </div>
    </div>
    <!-- 公共底部 -->
    <div class="xtx_footer clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="../images/qrcode.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 其它 -->
        <div class="extra">
            <div class="wrapper">
                <!-- 口号 -->
                <div class="slogan">
                    <a href="javascript:;" class="price">价格亲民</a>
                    <a href="javascript:;" class="express">物流快捷</a>
                    <a href="javascript:;" class="quality">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright">
                    <p>
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">售后服务</a>
                        <a href="javascript:;">配送与验收</a>
                        <a href="javascript:;">商务合作</a>
                        <a href="javascript:;">搜索推荐</a>
                        <a href="javascript:;">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/common.js"></script>
    <script src="../js/cannNavs.js"></script>
</body>

</html>